<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css"
	href="extjs-4/resources/ext-theme-neptune/ext-theme-neptune-all.css">
<link rel="stylesheet" type="text/css" href="icons/icons.css" />
<script type="text/javascript" src="extjs-4/ext-all-debug.js"></script>
</head>
<body>
<script type="text/javascript">
	Ext.onReady(function() {
		console.log('xxx');
 		 Ext.define('My.app.Panel', {
		     extend: 'Ext.panel.Panel',
		     xtype: 'mypanel',
		     constructor: function (config) {
		         this.callParent(arguments); // calls Ext.panel.Panel's constructor
		     }
		 }); 
 		 Ext.define('My.app.Panel2', {
		     extend: 'Ext.panel.Panel',
		     xtype: 'mypanel2',
		     constructor: function (config) {
		         this.callParent(arguments); // calls Ext.panel.Panel's constructor
		     }
		 }); 
		var resultsPanel = Ext.create('Ext.panel.Panel', {});
		var myPanel = Ext.create('My.app.Panel', {id:'xxx'});
		var myPanel2 = Ext.create('My.app.Panel2', {id:'xxx2'});
		console.log(Ext.ComponentQuery.query('mypanel2'));
		console.log(Ext.ComponentQuery.query('panel')[1].getXType());
		console.log(Ext.ComponentQuery.query('panel')[2].getXType());
	});
</script>
</body>
</html>
